<!DOCTYPE html>
<html lang="en" class="no-js">

<head>
	<title>数回科技</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<base href="">
	<meta name="description"
		content="Lusion is a Bristol based award-winning creative production studio specializing in 3D visual storytelling and interactive web experiences.">
	<link id="apple-touch-icon" rel="apple-touch-icon" sizes="180x180" href="assets/meta/apple-touch-icon.png">
	<link id="icon32" rel="icon" type="image/png" sizes="32x32" href="assets/meta/favicon-32x32.png"
		media="(prefers-color-scheme: light)">
	<link id="icon32" rel="icon" type="image/png" sizes="32x32" href="assets/meta/dark/favicon-32x32.png"
		media="(prefers-color-scheme: dark)">
	<link id="icon64" rel="icon" type="image/png" sizes="16x16" href="assets/meta/favicon-16x16.png"
		media="(prefers-color-scheme: light)">
	<link id="icon64" rel="icon" type="image/png" sizes="16x16" href="assets/meta/dark/favicon-16x16.png"
		media="(prefers-color-scheme: dark)">
	<link href="assets/meta/favicon.ico" rel="shortcut icon" media="(prefers-color-scheme: light)">
	<link href="assets/meta/dark/favicon.ico" rel="shortcut icon" media="(prefers-color-scheme: dark)">
	<link id="manifest" rel="manifest" href="assets/meta/site.webmanifest">
	<link rel="mask-icon" href="assets/meta/safari-pinned-tab.svg" color="#000000">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="theme-color" content="#ffffff">
	<meta property="og:description"
		content="Lusion is a Bristol based award-winning creative production studio specializing in 3D visual storytelling and interactive web experiences.">
	<meta property="og:image:alt" content="Lusion - Realise Your Creative Ideas">
	<meta property="og:image" content="https://lusion.co/assets/meta/social_sharing.jpg">
	<meta property="og:locale" content="en_US">
	<meta property="og:site_name" content="Lusion - Realise Your Creative Ideas">
	<meta property="og:title" content="Lusion - Realise Your Creative Ideas">
	<meta property="og:type" content="website">
	<meta property="og:url" content="https://lusion.co/">
	<meta name="twitter:card" content="summary_large_image">
	<link rel="sitemap" href="sitemap-index.xml"><!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-W2XC5XK9QJ"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag() { dataLayer.push(arguments); }
		gtag('js', new Date());
		gtag('config', 'G-W2XC5XK9QJ');
	</script>
	<link rel="stylesheet" href="_astro/about.a28bae9d.css" />
	<script type="module" src="_astro/hoisted.aa2bc426.js"></script>
</head>

<body><canvas id="canvas"></canvas>
	<div id="ui">
		<header id="header">
			<div id="header-container">
				<!-- <div id="header-background"></div> -->
				
				<!-- <a id="header-logo" aria-label="Go to home page"
					href="index.html">33232</a> -->

				<img src='/assets/images/logo.png' />

				<div id="header-center"><button id="header-center-project-back-btn" aria-label="Back"><svg
							id="header-center-project-back-btn-svg" xmlns="http://www.w3.org/2000/svg" width="16"
							height="16" viewBox="0 0 16 16" fill="none">
							<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5"
								d="M8 12.243 3.757 8m0 0L8 3.757M3.757 8h8.486"></path>
						</svg>
						<p id="header-center-project-back-btn-text">back</p><svg
							id="header-center-project-back-btn-svg2" xmlns="http://www.w3.org/2000/svg" width="16"
							height="16" viewBox="0 0 16 16" fill="none">
							<path stroke="currentColor" stroke-linecap="round" stroke-width="1.5"
								d="M8 12.243 3.757 8m0 0L8 3.757M3.757 8h8.486"></path>
						</svg>
						<div id="project-details-header-back-background"></div>
					</button></div>
				<div id="header-right"><button id="header-right-sound-btn"><canvas></canvas></button><button
						id="header-right-talk-btn-placeholder"></button><button id="header-right-talk-btn"><a
							href="mailto:hello@lusion.co"></a>
						<div id="header-right-talk-container"><span id="header-right-talk-btn-arrow"><svg
									xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"
									viewBox="0 0 16 16">
									<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
										stroke-width="1.5" d="M2.343 8h11.314m0 0-4.984 4.984M13.657 8 8.673 3.016">
									</path>
								</svg></span><span id="header-right-talk-btn-text">Let's talk</span><span
								id="header-right-talk-btn-dots"><span class="header-right-talk-btn-dot"></span></span>
						</div>
					</button><button id="header-right-menu-btn" aria-label="Menu button">
						<div id="header-right-menu-btn-inner"><span id="header-right-menu-btn-text">Menu</span><span
								id="header-right-menu-btn-text-close">Close</span>
							<div id="header-right-menu-btn-dots"><span class="header-right-menu-btn-dot"></span><span
									class="header-right-menu-btn-dot"></span></div>
						</div>
					</button></div>
				<div id="header-menu">
					<div id="header-menu-links"><a class="header-menu-link" data-page="home" href="index.html">
							<div class="header-menu-link-background"></div>
							<div class="header-menu-link-inner"><span class="header-menu-link-text">Home</span><span
									class="header-menu-link-text-clone">Home</span><svg class="header-menu-link-svg"
									xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
									viewBox="0 0 24 24">
									<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
										stroke-width="2" d="M3.515 12h16.97m0 0L13.01 4.525M20.485 12l-7.475 7.476">
									</path>
								</svg></div>
						</a><a class="header-menu-link" data-page="about" href="about">
							<div class="header-menu-link-background"></div>
							<div class="header-menu-link-inner"><span class="header-menu-link-text">About us</span><span
									class="header-menu-link-text-clone">About us</span><svg class="header-menu-link-svg"
									xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
									viewBox="0 0 24 24">
									<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
										stroke-width="2" d="M3.515 12h16.97m0 0L13.01 4.525M20.485 12l-7.475 7.476">
									</path>
								</svg></div>
						</a><a class="header-menu-link" data-page="projects" href="projects">
							<div class="header-menu-link-background"></div>
							<div class="header-menu-link-inner"><span class="header-menu-link-text">Projects</span><span
									class="header-menu-link-text-clone">Projects</span><svg class="header-menu-link-svg"
									xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
									viewBox="0 0 24 24">
									<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
										stroke-width="2" d="M3.515 12h16.97m0 0L13.01 4.525M20.485 12l-7.475 7.476">
									</path>
								</svg></div>
						</a><button class="header-menu-link" data-scroll-to="contact">
							<div class="header-menu-link-background"></div>
							<div class="header-menu-link-inner"><span class="header-menu-link-text">Contact</span><span
									class="header-menu-link-text-clone">Contact</span><svg class="header-menu-link-svg"
									xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
									viewBox="0 0 24 24">
									<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
										stroke-width="2" d="M3.515 12h16.97m0 0L13.01 4.525M20.485 12l-7.475 7.476">
									</path>
								</svg></div>
						</button></div>
					<div id="header-menu-newsletter">
						<h3 id="header-menu-newsletter-title">
							<div class="header-menu-newsletter-title-line">Subscribe to</div>
							<div class="header-menu-newsletter-title-line">our newsletter</div>
						</h3>
						<div id="header-menu-newsletter-input">
							<div id="header-menu-newsletter-input-bg"></div>
							<form id="header-menu-newsletter-form"><input id="header-menu-newsletter-input-field"
									type="email" name="EMAIL" autocomplete="email" placeholder="Your email"><button
									type="submit" id="header-menu-newsletter-input-arrow"><svg
										xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
										viewBox="0 0 24 24">
										<path fill="#000" fill-rule="evenodd"
											d="M4.11 12.75a.75.75 0 0 1 0-1.5h13.978l-5.036-5.036a.75.75 0 1 1 1.06-1.06l6.316 6.315.53.53-.53.53-6.316 6.317a.75.75 0 0 1-1.06-1.061l5.035-5.035H4.109Z"
											clip-rule="evenodd"></path>
									</svg></button></form>
							<div id="header-menu-newsletter-feedback-message"></div>
						</div>
					</div><button id="header-menu-talk"><a href="mailto:hello@lusion.co"></a>
						<div id="header-menu-text">Let's talk</div><svg id="header-menu-talk-icon"
							xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
							<path fill="#fff" d="M0 0h24v24H0z"></path>
							<rect width="18" height="18" x="3" y="3" stroke="#000" stroke-width="1.5" rx="2"></rect>
							<rect width="12" height="4" x="6" y="14" fill="#000" rx="2"></rect>
							<path stroke="#000" stroke-linecap="round" stroke-width="1.5" d="M7 7h10M7 10h10"></path>
						</svg>
					</button><a id="header-menu-labs" target="_blank" href="https://labs.lusion.co/">
						<div id="header-menu-labs-inner">
							<div id="header-menu-labs-lucy"><svg id="header-menu-labs-lucy-svg"
									xmlns="http://www.w3.org/2000/svg" width="28" height="38" fill="none"
									viewBox="0 0 28 38">
									<path stroke="#fff" stroke-width="5"
										d="M20.128 29.65C18.584 31.217 16.532 32 13.972 32c-2.56 0-4.612-.783-6.156-2.35C6.272 28.05 5.5 26 5.5 23.5c0-2.5.772-4.533 2.316-6.1 1.544-1.6 3.596-2.4 6.156-2.4 2.56 0 4.612.8 6.156 2.4C21.71 18.967 22.5 21 22.5 23.5c0 2.5-.79 4.55-2.372 6.15Z">
									</path>
									<path fill="#fff"
										d="M23.5 4.25a3.25 3.25 0 1 0-6.5 0 3.25 3.25 0 0 0 6.5 0ZM11 4.25a3.25 3.25 0 1 0-6.5 0 3.25 3.25 0 0 0 6.5 0Z">
									</path>
								</svg></div>
							<div id="header-menu-labs-texts">
								<div id="header-menu-labs-text">Labs</div>
								<div id="header-menu-labs-text-clone">Labs</div>
							</div><svg id="header-menu-labs-arrow" xmlns="http://www.w3.org/2000/svg" width="24"
								height="24" fill="none" viewBox="0 0 24 24">
								<path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
									d="M4 20 20 4m0 0v14.096M20 4H5.904"></path>
							</svg><svg id="header-menu-labs-arrow2" xmlns="http://www.w3.org/2000/svg" width="24"
								height="24" fill="none" viewBox="0 0 24 24">
								<path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
									d="M4 20 20 4m0 0v14.096M20 4H5.904"></path>
							</svg>
						</div>
					</a>
				</div>
			</div>
		</header>
		<div id="page-container">
			<div id="page-container-inner">
				<div id="home" class="page">
					<div id="home-hero" class="section">
						<h1 id="home-hero-title" style="opacity: 0;">0</h1>
						<div id="home-hero-visual-container"></div>
						<div id="home-hero-scroll-container">
							<div id="home-hero-scroll-container-crosses">
								<div class="home-hero-scroll-container-cross"></div>
								<div class="home-hero-scroll-container-cross"></div>
								<div class="home-hero-scroll-container-cross"></div>
								<div class="home-hero-scroll-container-cross"></div>
							</div>
							<div id="home-hero-scroll">scroll to explore</div>
						</div>
					</div>
					<div id="home-reel" class="section">
						<h4 id="home-reel-title">
							<div id="home-reel-title-inner">
								<div id="home-reel-title-line-1">Design and production </div>
								<div id="home-reel-title-line-2">Digital humans</div>
							</div>
						</h4>
						<div id="home-reel-content">
							<h3 id="home-reel-desc">数字人设计制作
								<h4>风格多元</h4>
							<h6>超写实、CG、Q 版卡通风格皆能驾驭，精准呈现高品质成果。</h6>
							<h4>场景百搭</h4>
							<h6>商业广告里超写实数字人尽显专业；游戏影视中 CG 数字人魅力非凡； 社交与教育平台上 Q 版卡通数字人亲和有趣。 </h6>
							<h4>管线灵活</h4>
							<h6>多套成熟管线，依项目灵活调配，确保效率与质量双赢。 </h6>

							</h3>
							
							
							
							<a id="home-reel-cta" style="display: none;" href="about"
								target="_blank"><span id="home-reel-cta-dot"></span><span id="home-reel-cta-text">About
									us</span><span id="home-reel-cta-arrow"><svg xmlns="http://www.w3.org/2000/svg"
										width="16" height="16" fill="none" viewBox="0 0 16 16">
										<path stroke="#fff" stroke-linecap="round" stroke-linejoin="round"
											stroke-width="2" d="M2.343 8h11.314m0 0L8.673 3.016M13.657 8l-4.984 4.984">
										</path>
									</svg></span></a>
						</div>
						<div id="home-reel-thumb-wrapper">
							<div id="home-reel-thumb"></div>
						</div>
						<div id="home-reel-container">
							<div id="home-reel-container-inner">
								<div id="home-reel-video-container">
									<div id="home-reel-video-container-decoration">
										<div id="home-reel-video-container-top">
											<div id="home-reel-video-container-crosses">
												<div class="home-reel-video-container-cross"></div>
												<div class="home-reel-video-container-cross"></div>
												<div class="home-reel-video-container-cross"></div>
												<div class="home-reel-video-container-cross"></div>
												<div class="home-reel-video-container-cross"></div>
											</div>
											<div class="home-reel-video-container-svgs">
												<div class="home-reel-video-container-svg-wrapper"><svg
														xmlns="http://www.w3.org/2000/svg" width="132" height="14"
														fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg></div>
											</div>
										</div>
										<div id="home-reel-video-container-bottom">
											<div id="home-reel-video-container-crosses">
												<div class="home-reel-video-container-cross"></div>
												<div class="home-reel-video-container-cross"></div>
												<div class="home-reel-video-container-cross"></div>
												<div class="home-reel-video-container-cross"></div>
												<div class="home-reel-video-container-cross"></div>
											</div>
											<div class="home-reel-video-container-svgs">
												<div class="home-reel-video-container-svg-wrapper"><svg
														xmlns="http://www.w3.org/2000/svg" width="132" height="14"
														fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg><svg xmlns="http://www.w3.org/2000/svg" width="132"
														height="14" fill="none" viewBox="0 0 132 14">
														<path fill="#000"
															d="M.861 1.844a.889.889 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777V1.844H.861Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312Zm16 0a.888.888 0 0 1 1.32-.777l9.282 5.156a.89.89 0 0 1 0 1.554l-9.281 5.156a.889.889 0 0 1-1.32-.777l-.001-10.312ZM61.142 1.3c.736 0 1.387.144 1.952.432.565.277.997.677 1.296 1.2.31.512.464 1.115.464 1.808 0 .693-.155 1.301-.464 1.824a3.15 3.15 0 0 1-1.312 1.216c-.555.277-1.2.416-1.936.416H58.23V12.5h-1.392V1.3h4.304ZM58.23 6.916h2.784c.736 0 1.323-.197 1.76-.592.437-.395.656-.923.656-1.584s-.219-1.184-.656-1.568c-.427-.395-1.008-.592-1.744-.592h-2.8v4.336Zm8.108 5.584V1.3h1.392v9.92h5.104v1.28h-6.496Zm7.197 0 4.272-11.2h1.648l4.256 11.2h-1.488l-1.184-3.024h-4.88L74.975 12.5h-1.44Zm3.04-4.288h4.048L78.591 2.82l-2.016 5.392Zm5.694-6.928h1.632l3.296 5.568 3.344-5.568h1.568l-4.224 7.072V12.5h-1.392V8.356l-4.224-7.072Zm19.545.016c.736 0 1.386.144 1.952.432.547.26 1.004.679 1.312 1.2.309.512.464 1.115.464 1.808 0 .779-.219 1.456-.657 2.032-.426.565-1.002.95-1.727 1.152l2.512 4.576h-1.568l-2.32-4.304h-2.864V12.5h-1.393V1.3h4.289Zm-2.896 5.616h2.784c.736 0 1.322-.197 1.76-.592.437-.395.656-.923.656-1.584 0-.65-.219-1.173-.656-1.568-.438-.395-1.019-.592-1.744-.592h-2.8v4.336Zm8.389-5.616h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 0h7.136v1.28h-5.744v3.584h4.784v1.28h-4.784v3.776h5.952v1.28h-7.344V1.3Zm8.906 11.2V1.3h1.392v9.92h5.104v1.28h-6.496Z">
														</path>
													</svg></div>
											</div>
										</div>
									</div>
									<div id="home-reel-video-placeholder">
										<div id="home-reel-video-title">Play Reel</div>
									</div><button id="home-reel-video-watch-btn" aria-label="Watch reel button">
										<div id="home-reel-video-watch-btn-base"></div>
										<div id="home-reel-video-watch-btn-background"></div><svg
											id="home-reel-video-watch-btn-svg" xmlns="http://www.w3.org/2000/svg"
											width="36" height="36" fill="none" viewBox="0 0 36 36">
											<path fill="currentColor"
												d="M7 7.29c0-1.5 1.59-2.466 2.92-1.776l20.656 10.71c1.439.747 1.439 2.805 0 3.552L9.92 30.486C8.589 31.176 7 30.21 7 28.71V7.29Z">
											</path>
										</svg>
									</button>
								</div>
							</div>
						</div>
					</div>
					<div id="home-featured" class="section">
						<div id="home-featured-title-top">
							<div id="home-featured-title-wrapper">
								<h4 id="home-featured-title">Featured Work</h4>
							</div>
							<div id="home-featured-disclaimer">a Selection of our most passionately crafted works with
								forward-thinking clients and friends over the years.</div>
						</div>
						<div class="project-list"><a class="project-item project-type-website"
								href="projects/synthetic_human" data-id="synthetic_human" data-color-bg="#9d8aff"
								data-color-text="#ffffff" data-color-shadow="0.95">
								<div class="project-item-main">
									<div class="project-item-image"></div>
								</div>
								<div class="project-item-footer">
									<div class="project-item-line-1">web • design • development • 3d</div>
									<div class="project-item-line-2">
										<div class="project-item-line-2-icon"></div>
										<div class="project-item-line-2-inner">Synthetic Human</div>
									</div>
								</div>
							</a><a class="project-item project-type-website" href="projects/porsche_dream_machine"
								data-id="porsche_dream_machine" data-color-bg="#EFD5D3" data-color-text="#000000"
								data-color-shadow="0.95">
								<div class="project-item-main">
									<div class="project-item-image"></div>
								</div>
								<div class="project-item-footer">
									<div class="project-item-line-1">concept • 3D illustration • mograph • video</div>
									<div class="project-item-line-2">
										<div class="project-item-line-2-icon"></div>
										<div class="project-item-line-2-inner">Porsche: Dream Machine</div>
									</div>
								</div>
							</a><a class="project-item project-type-website" href="projects/spatial_fusion"
								data-id="spatial_fusion" data-color-bg="#D6C8ED" data-color-text="#000000"
								data-color-shadow="0.95">
								<div class="project-item-main">
									<div class="project-item-image"></div>
								</div>
								<div class="project-item-footer">
									<div class="project-item-line-1">web • design • development • 3d</div>
									<div class="project-item-line-2">
										<div class="project-item-line-2-icon"></div>
										<div class="project-item-line-2-inner">Meta: Spatial Fusion</div>
									</div>
								</div>
							</a><a class="project-item project-type-website" href="projects/spaace" data-id="spaace"
								data-color-bg="#010a16" data-color-text="#ffece2" data-color-shadow="0.85">
								<div class="project-item-main">
									<div class="project-item-image"></div>
								</div>
								<div class="project-item-footer">
									<div class="project-item-line-1">web • design • development • 3d • web3</div>
									<div class="project-item-line-2">
										<div class="project-item-line-2-icon"></div>
										<div class="project-item-line-2-inner">Spaace - NFT Marketplace</div>
									</div>
								</div>
							</a><a class="project-item project-type-website" href="projects/ddd_2024" data-id="ddd_2024"
								data-color-bg="#261c46" data-color-text="#ffffff" data-color-shadow="0.95">
								<div class="project-item-main">
									<div class="project-item-image"></div>
								</div>
								<div class="project-item-footer">
									<div class="project-item-line-1">web • design • development • 3d</div>
									<div class="project-item-line-2">
										<div class="project-item-line-2-icon"></div>
										<div class="project-item-line-2-inner">DDD 2024</div>
									</div>
								</div>
							</a><a class="project-item project-type-website" href="projects/soda_experience"
								data-id="soda_experience" data-color-bg="#E1E2E4" data-color-text="#000000"
								data-color-shadow="0.85">
								<div class="project-item-main">
									<div class="project-item-image"></div>
								</div>
								<div class="project-item-footer">
									<div class="project-item-line-1">AR • development • 3d</div>
									<div class="project-item-line-2">
										<div class="project-item-line-2-icon"></div>
										<div class="project-item-line-2-inner">Soda Experience</div>
									</div>
								</div>
							</a></div><a id="home-featured-cta" href="projects" target="_blank"><span
								id="home-featured-cta-dot"></span><span id="home-featured-cta-text">See all
								projects</span><span id="home-featured-cta-arrow"><svg
									xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"
									viewBox="0 0 16 16">
									<path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
										d="M2.343 8h11.314m0 0L8.673 3.016M13.657 8l-4.984 4.984"></path>
								</svg></span></a>
					</div>
					
					<div id="home-goal"  class="section">
						<div id="home-goal-context">
							<div id="home-goal-context-inner">
								<div id="home-goal-title">Connecting Ideals to Uniquely Crafted Experiences</div>
								<div id="home-goal-texts">
									<div class="home-goal-texts-paragraph">At Lusion, we don't follow trends for the
										sake of it. We believe in a different approach - one that's centered around you,
										your audience, and the art of creating a memorable, personalized experience.
									</div>
									<div class="home-goal-texts-paragraph">Our commitment goes beyond fleeting trends;
										it's about crafting tailor-made digital journeys that resonate uniquely and
										leave a lasting impact.</div>
								</div>
							</div>
						</div>
						<div id="home-goal-tunnel-title">
							<div class="home-goal-tunnel-title-line">Step into a new world</div>
							<div class="home-goal-tunnel-title-line">and let your</div>
							<div class="home-goal-tunnel-title-line">imagination run wild</div>
						</div>
						<div id="home-goal-image-in-outer">
							<div id="home-goal-image-in-inner">
								<div id="home-goal-image-in"></div>
							</div>
						</div>
						<div id="home-goal-image-out-outer">
							<div id="home-goal-image-out-inner">
								<div id="home-goal-image-out"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="page-extra-sections">
				<div id="end-section" class="section">
					<div id="end-section-outer">
						<div id="end-section-inner">
							<div id="end-section-content">
								<div id="end-section-content-crosses">
									<div class="end-section-content-cross"></div>
									<div class="end-section-content-cross"></div>
									<div class="end-section-content-cross"></div>
									<div class="end-section-content-cross"></div>
									<div class="end-section-content-cross"></div>
								</div>
								<div id="end-section-subtitle">
									<div id="end-section-subtitle-text">Is Your Big Idea Ready to Go Wild?</div>
								</div>
								<div id="end-section-title">
									<div id="end-section-title-link">Let's work <br> together!</div><span
										id="end-section-title-top-decoration"></span><span
										id="end-section-title-bottom-left-decoration"></span><span
										id="end-section-title-bottom-right-decoration"></span>
								</div>
							</div>
							<div id="end-bottom">
								<div class="end-bottom-arrow-container">
									<div class="end-bottom-arrow"></div>
									<div class="end-bottom-arrow"></div>
								</div>
								<div id="end-bottom-text-container">
									<div id="end-bottom-text">CONTINUE TO SCROLL</div>
									<div id="end-bottom-text">CONTINUE TO SCROLL</div>
								</div>
								<div class="end-bottom-arrow-container">
									<div class="end-bottom-arrow"></div>
									<div class="end-bottom-arrow"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div id="footer-section" class="section">
					<div id="footer-bg"></div>
					<div id="footer-top"></div>
					<div id="footer-middle">
						<div id="footer-middle-contact"><a id="footer-contact-address"
								href="https://goo.gl/maps/x9evc1NxZocjrM947" target="_blank">
								<div class="footer-address-line">江苏省</div>
								<div class="footer-address-line">南京市建邺区</div>
								<div class="footer-address-line">中泰国际6栋15楼</div>
								<div class="footer-address-line">1528室</div>
							</a>
							<div id="footer-contact-socials">
								<p>微信 zhaoyunpeng108 </p>
								<p>电话 188 5206 6669</p>
								<p>邮箱 zyp@digitalcircle.cn</p></div>
							<div id="footer-contact-enquires">
								<div id="footer-enquires-header">咨询</div><a id="footer-enquires-link"
									href="mailto:zyp@digitalcircle.cn">zyp@digitalcircle.cn</a>
							</div>
							<div id="footer-contact-business">
								<div id="footer-business-header">业务</div><a id="footer-business-link"
									href="mailto:zyp@digitalcircle.cn">zyp@digitalcircle.cn</a>
							</div>
						</div>
						<div id="footer-middle-newsletter">
							<div id="footer-newsletter-header"><span class="footer-newsletter-line">点击这里</span><span class="footer-newsletter-line">与我们联系</span></div>
							<div id="footer-newsletter-input">
								<div id="footer-newsletter-bg"></div>
								<form id="footer-newsletter-form"><input id="footer-newsletter-input-field" type="email"
										name="EMAIL" autocomplete="email" placeholder="Your email"><button type="submit"
										id="footer-newsletter-input-arrow" aria-label="Send newsletter form button"><svg
											width="24" height="24" viewBox="0 0 24 24" fill="none"
											xmlns="http://www.w3.org/2000/svg">
											<path fill-rule="evenodd" clip-rule="evenodd"
												d="M1.9999 11.9998C1.9999 12.552 2.44762 12.9997 2.9999 12.9997H18.9757C18.8901 13.148 18.7838 13.2876 18.657 13.4144L12.2931 19.7784C11.9025 20.1689 11.9025 20.8021 12.2931 21.1926C12.6836 21.5831 13.3168 21.5831 13.7073 21.1926L22.1926 12.7073C22.5831 12.3168 22.5831 11.6836 22.1926 11.2931L22.1924 11.293L13.7071 2.80767C13.3166 2.41715 12.6834 2.41715 12.2929 2.80767C11.9024 3.1982 11.9024 3.83136 12.2929 4.22189L18.657 10.586C18.7836 10.7126 18.8896 10.8518 18.9752 10.9998H2.9999C2.44762 10.9997 1.9999 11.4475 1.9999 11.9998Z"
												fill="black"></path>
										</svg></button></form>
								<div id="footer-newsletter-feedback-message"></div>
							</div>
						</div>
					</div>
					<div id="footer-bottom" style="display: none;">
						<div id="footer-bottom-copyright">©2024 LUSION Creative Studio</div><a id="footer-bottom-labs"
							href="https://labs.lusion.co" target="_blank"> R&D: labs.lusion.co</a>
						<div id="footer-bottom-tagline">Built by Lusion with ❤️</div>
						<div id="footer-bottom-up"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
								fill="none" viewBox="0 0 24 24">
								<path fill="#fff" fill-rule="evenodd"
									d="M12 22a1 1 0 0 1-1-1V5.857l-6.223 6.224a1 1 0 0 1-1.415-1.415l7.9-7.9a1 1 0 0 1 1.414 0v.001l7.9 7.9a1 1 0 0 1-1.414 1.414L13 5.919V21a1 1 0 0 1-1 1Z"
									clip-rule="evenodd"></path>
							</svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"
								viewBox="0 0 24 24">
								<path fill="#fff" fill-rule="evenodd"
									d="M12 22a1 1 0 0 1-1-1V5.857l-6.223 6.224a1 1 0 0 1-1.415-1.415l7.9-7.9a1 1 0 0 1 1.414 0v.001l7.9 7.9a1 1 0 0 1-1.414 1.414L13 5.919V21a1 1 0 0 1-1 1Z"
									clip-rule="evenodd"></path>
							</svg></div>
					</div>
				</div>
				<div id="scroll-nav-section" class="section" data-path="/about">
					<div id="scroll-nav-content">
						<div id="scroll-nav-subtitle">南京数回科技有限公司</div>
						<div id="scroll-nav-main">
							<div id="scroll-nav-text" style="display: none;">About Us</div>
							<div id="scroll-nav-next">
								<div id="scroll-nav-next-text">Next Page</div>
								<div id="scroll-nav-next-bar">
									<div id="scroll-nav-next-bar-inner"></div>
								</div>
								<div id="scroll-nav-next-arrow"><svg width="24" height="24" viewBox="0 0 24 24"
										fill="none" xmlns="http://www.w3.org/2000/svg">
										<path fill-rule="evenodd" clip-rule="evenodd"
											d="M1.9999 11.9998C1.9999 12.552 2.44762 12.9997 2.9999 12.9997H18.9757C18.8901 13.148 18.7838 13.2876 18.657 13.4144L12.2931 19.7784C11.9025 20.1689 11.9025 20.8021 12.2931 21.1926C12.6836 21.5831 13.3168 21.5831 13.7073 21.1926L22.1926 12.7073C22.5831 12.3168 22.5831 11.6836 22.1926 11.2931L22.1924 11.293L13.7071 2.80767C13.3166 2.41715 12.6834 2.41715 12.2929 2.80767C11.9024 3.1982 11.9024 3.83136 12.2929 4.22189L18.657 10.586C18.7836 10.7126 18.8896 10.8518 18.9752 10.9998H2.9999C2.44762 10.9997 1.9999 11.4475 1.9999 11.9998Z"
											fill="#fff"></path>
									</svg></div>
							</div>
						</div>
						<div id="scroll-nav-cross-line">
							<div class="scroll-nav-cross"></div>
							<div class="scroll-nav-cross"></div>
							<div class="scroll-nav-cross"></div>
							<div class="scroll-nav-cross"></div>
							<div class="scroll-nav-cross"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="scroll-indicator">
		<div id="scroll-indicator-bar"></div>
	</div>
	<div id="input-blocker"></div>
	<div id="video-overlay">
		<div id="video-overlay__vimeo-video"></div>
		<div id="video-overlay__mobile-close-btn"><svg width="16" height="16" viewBox="0 0 16 16" fill="none"
				xmlns="http://www.w3.org/2000/svg">
				<path d="M3.75781 3.75732L12.2431 12.2426" stroke="white" stroke-width="2" stroke-linecap="round">
				</path>
				<path d="M12.2422 3.75732L3.75691 12.2426" stroke="white" stroke-width="2" stroke-linecap="round">
				</path>
			</svg></div>
		<div id="video-overlay__controls"><button id="video-overlay__play-btn">PLAY</button>
			<div id="video-overlay__progress-container">
				<div id="video-overlay__progress-active"></div>
				<div id="video-overlay__progress-bg"></div>
			</div><button id="video-overlay__mute-btn">MUTE</button>
		</div>
		<div id="video-overlay-cursor"><svg id="video-overlay-cursor-svg" xmlns="http://www.w3.org/2000/svg" width="36"
				height="36" fill="none" viewBox="0 0 36 36">
				<path stroke="#020022" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
					d="M31 31 17.928 18 31 5M5 5l13.072 13L5 31"></path>
			</svg></div>
	</div><canvas id="transition-overlay"></canvas>
	<div id="preloader">
		<div id="preloader-percent-digits">
			<div class="preloader-percent-digit">
				<div class="preloader-percent-digit-num">0</div>
				<div class="preloader-percent-digit-num">0</div>
			</div>
			<div class="preloader-percent-digit">
				<div class="preloader-percent-digit-num">0</div>
				<div class="preloader-percent-digit-num">0</div>
			</div>
			<div class="preloader-percent-digit">
				<div class="preloader-percent-digit-num">0</div>
				<div class="preloader-percent-digit-num">0</div>
			</div>
		</div>
	</div>
</body>

</html>